<div class="row m-n">
    <div class="crumbs-bar">
        <div yb-crumbs></div>
    </div>
    <div tabset type="tab">
        <div tab heading="零件管理" active="activeFlag[0]" ng-click="changeTab(0)">
            <div class="row wrapper-y-sm">
                <div class="search-bar wrapper-none col-xs-12">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="search()" translate
                            translate-attr-title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                        <button type="button" class="btn btn-default base-color" translate translate-attr-title="配置表格列"
                            ng-click="switchToolbar('ColConfig');">
                            <i class="yb-icon ico-set"></i>
                        </button>

                        <div class="btn btn-default base-color">
                            <i class="yb-icon ico-import-o"></i>
                            <ul class="more-tool">
                                <button class="btn" ng-disabled="!btnPermission.materielPlaceImport" ng-click="importLocation()">
                                    <i class="yb-icon ico-import-o"></i>
                                    <span translate translate-attr-title="{{!btnPermission.materielPlaceImport?'无权限执行此操作':''}}">导入储位</span>
                                </button>
                            </ul>
                        </div>
                        <div class="btn btn-default base-color" ng-if="!!btnPermission.materielExport">
                            <i class="yb-icon ico-export-o"></i>
                            <ul class="more-tool">
                                <li yb-download download-url="exportParam.sectionUrl"
                                    download-param="exportParam.sectionParam" download-key="materialsIds">
                                    <i class="yb-icon ico-export-o"></i> <span translate>导出</span>
                                </li>
                                <li yb-download download-url="exportParam.allUrl" download-param="condition" download-duration="3">
                                    <i class="yb-icon ico-export-o"></i> <span translate>导出全部</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')"
                        translate-attr-title="高级搜索" translate="高级搜索more"></button>
                    <div class="input-group pull-right clearfix" ng-style="{'width':isEN?'280px':'240px'}">
                        <input type="text" class="form-control txt-search" translate
                            translate-attr-placeholder="零件编号/零件中文名" ng-model="condition.keyWords">
                        <span class="input-group-addon cursor-pointer" ng-click="search(1)" translate>搜索</span>
                    </div>
                </div>
            </div>
            <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="search(1)"
                reset-data="reset()">
                <div class="advance-search m-t-sm">
                    <div class="form-group clearfix">
                        <label class="control-label"><span translate>零件编号</span>：</label>
                        <textarea ng-model="condition.materialsNos" class="form-control" translate translate-attr-placeholder="逗号分隔或者换行分隔"></textarea>
                    </div>
					<div class="form-group clearfix">
                        <label class="control-label"><span translate>无效标记</span>：</label>
                        <label class="control-label">
                            <input type="radio" class="m-r-sm pull-left" yb-radio
                                   ng-model="condition.validFlag" value="1"
                                   yb-radio-name="是">
                            <input type="radio" class="m-r-sm pull-left" yb-radio
                                   ng-model="condition.validFlag" value="0"
                                   yb-radio-name="否">
                        </label>
                    </div>
                </div>
            </div>
            <div yb-col-config show-toolbar="toolbarConfig.showColConfig" ng-model="tableConfig" col-fixed="true"
                has-check-col="true" set-tb-style="setFixedWidth()"></div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap fix-left" ele-count="4" scroll-area="right">
                    <div class="th-fixed">
                        <table class="table-fixed border-none">
                            <thead>
                                <tr>
                                    <th width="40" class="text-center th-check border-l-none">
                                        <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectAll()"></div>
                                    </th>
                                    <th ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-click="toSort(tableConfig.tableCol, $index)"
                                        ng-show="!!itemCol.isShow && !!itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="th-scroll-x" ng-style="tbStyle.scrollLeft">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-click="toSort(tableConfig.tableCol, $index)"
                                        ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol" target-width="tableConfig.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                        
                    </div>
                    
                    <div class="td-scroll-y" ng-show="dataList.length > 0" ng-style="tbStyle.scrollLeftWidth">
                        <table class="table-fixed border-none">
                            <tbody>
                                <tr ng-repeat="item in dataList track by $index"
                                    ng-class="{'row-selected': $index === markInfo.curMaterialRow}"
                                    ng-click="selectRow($index, 'Material')">
                                    <td width="40" class="text-center border-l-none">
                                        <div yb-check-box yb-checked="item.isChecked" yb-click="selectSingle(item)"></div>
                                    </td>
                                    <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index" width="{{itemCol.width}}"
                                        ng-show="!!itemCol.isShow && !!itemCol.isFixed">
                                        <button class="btn btn-operate m-r-xs" ng-click="viewLocation(item)"
                                            ng-disabled="!btnPermission.materielLocation" translate
                                            translate-attr-title="{{!btnPermission.materielLocation?'无权限执行此操作':''}}">查看储位</button>
                                        <button class="btn btn-operate m-r-xs"
                                            ng-if="curOrg.companyType==1"
                                            ng-click="viewSupplier(item)" translate>查看供应商</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="dataList.length > 0" ng-style="tbStyle.scrollLeft">
                        <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in dataList track by $index"
                                    ng-class="{'row-selected': $index === markInfo.curMaterialRow}"
                                    ng-click="selectRow($index, 'Material')">
                                    <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}"
                                        ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                        title="{{ itemCol.dataField !== 'minimumBuy' ? item[itemCol.dataField] : (item.isMinimumBuy ? item[itemCol.dataField] : '')}}">

                                        <span ng-if="!itemCol.clickFn && itemCol.dataField !== 'minimumBuy'">{{item[itemCol.dataField]}}</span>
                                        <span ng-if="itemCol.dataField === 'minimumBuy' && item.isMinimumBuy">{{item[itemCol.dataField]}}</span>
                                        <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)" ng-if="!!itemCol.clickFn">
                                            {{item[itemCol.dataField] || itemCol.fieldValue}}
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="dataList.length === 0" translate>暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="pageInfo" yb-refresh="search()" page-size-options="[10, 20, 30, 40, 50]"></div>
            </div>
        </div>

        <div tab heading="详情" active="activeFlag[2]" ng-if="activeFlag[2]">
            <div class="main-area d-t-35 d-b-60">
                <form name="form" class="main-wrap form-horizontal single-col p-t-xs clearfix" novalidate>
                    <div class="panel-bar clearfix">
                        <div class="pull-left">
                            <i></i><span translate>零件详细信息</span>
                        </div>
                        <div class="pull-right" ng-click="switchDetailBar(0)">
                            <span ng-show="!detailFlag[0]" translate translate-attr-title="展开">
                                <i class="yb-icon ico-angle-double-down"></i>
                            </span>
                            <span ng-show="detailFlag[0]" translate translate-attr-title="收起">
                                <i class="yb-icon ico-angle-double-up"></i>
                            </span>
                        </div>
                    </div>
                    <div class="clearfix" ng-show="detailFlag[0]">
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件编号</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsNo || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>自定义零件编号</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.customMaterialsNo || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件中文名</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsDes || "-"}}
                            </div>
                        </div>

                        <div class="form-group m-b-none">
                        <label class="col-xs-2 control-label"><span translate>零件中文名全称</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsDesAll || "-"}}
                            </div>
                        </div>  

                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件英文描述</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsDesEn || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>尺寸</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsMeasure || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>最小购买量</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.minimumBuy || "-"}}
                            </div>
                        </div>

                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>供货期（天）</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.supplyDay || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>采购组</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.purchaseGroup || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>产品组</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.productGroup || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件组</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsGroup || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件组描述</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsGroupDec || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>外部零件组</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.outMaterialsGroup || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>外部零件组描述</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.outMaterialsGroupDec || "-"}}
                            </div>
                        </div>

                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>价格单位</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.priceUnit || "-"}}
                            </div>
                        </div>

                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>外观尺寸（mm）</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.appearanceSize || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>体积（m³）</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.volumn || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>HS编码</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.hsCode || "-"}}
                            </div>
                        </div>

                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件分类</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsType || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件级别</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.materialsGradeVO.name || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>替换零件编号</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.replaceMaterialsNo || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>替换零件中文名</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.replaceMaterialsDes || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>替换描述</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.replaceMaterialsNote || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否集购</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.isGroupPur | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否关键件</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.crucialDevice | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否进口件</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.entranceDevice | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否直投</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.isDirectCast | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否认证件</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.authDevice | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>无效标记</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.validFlag | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否再生件</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.regeneration | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>是否属于客户指定供方和产品</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.vendorSuppliedProduct | TrueOrFalse}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>零件属性</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.productPropClass}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>A/B</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.maintenanceType=='A'?'A(保养件易损件)':detailInfo.maintenanceType=='B'?'B(维修件)':''}}
                            </div>
                        </div>

                        <div ng-if="!isWJ">
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>标准交期</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.standDeliveryTime || "-"}}
                            </div>
                        </div>
                        </div>
                        <div>
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>采购类型</span>：</label>
                                <div class="col-xs-8 control-label text-left">
                                    {{detailInfo.sapPurchaseType || "-"}}
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>MRP控制者</span>：</label>
                                <div class="col-xs-8 control-label text-left">
                                    {{detailInfo.sapMrpCon || "-"}}
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>零件中文名属性</span>：</label>
                                <div class="col-xs-8 control-label text-left">
                                    {{detailInfo.sapAttrDes || "-"}}
                                </div>
                            </div>
                        </div>
                        <div ng-if="isZHJCH">
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>商品图片</span>：</label>
                                <div class="col-xs-10 control-label">
                                    <yb-upload ng-model="detailInfo.orgImageUrlList" only-view="true"></yb-upload>
                                </div>
                            </div>
                        </div>
                        <div ng-if="!isZHJCH">
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>工厂设置图片</span>：</label>
                                <div class="col-xs-10 control-label">
                                    <yb-upload ng-model="detailInfo.orgImageUrlList" only-view="true"></yb-upload>
                                </div>
                            </div>
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>商家设置图片</span>：</label>
                                <div class="col-xs-10 control-label">
                                    <yb-upload ng-model="detailInfo.dealerImageUrlList" only-view="true"></yb-upload>
                                </div>
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>商品详情</span>：</label>
                            <div class="col-xs-10 control-label text-left" ng-bind-html="detailInfo.materialsDetail|ybTrustHtml"></div>
                        </div>
                        <div ng-if="isDL || isZHL" >
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>毛重（道路）</span>：</label>
                                <div class="col-xs-8 control-label text-left">
                                    {{detailInfo.grossWeight || "-"}}
                                </div>
                            </div>
                            <div class="form-group m-b-none">
                                <label class="col-xs-2 control-label"><span translate>净重（道路）</span>：</label>
                                <div class="col-xs-8 control-label text-left">
                                    {{detailInfo.netWeight || "-"}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-bar clearfix">
                        <div class="pull-left">
                            <i></i>
                            <span translate>实测信息</span>
                        </div>
                        <div class="pull-right" ng-click="switchDetailBar(1)">
                            <span ng-show="!detailFlag[1]" translate translate-attr-title="展开">
                                <i class="yb-icon ico-angle-double-down"></i>
                            </span>
                            <span ng-show="detailFlag[1]" translate translate-attr-title="收起">
                                <i class="yb-icon ico-angle-double-up"></i>
                            </span>
                        </div>
                    </div>
                    <div class="clearfix p-t" ng-show="detailFlag[1]">
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>长(cm)</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.gsLength || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>宽(cm)</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.gsWidth || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>高(cm)</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.gsHeight || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>重量(kg)</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.gsWeight || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>报关要素</span>：</label>
                            <div class="col-xs-8 control-label text-left">
                                {{detailInfo.gsBgys || "-"}}
                            </div>
                        </div>
                        <div class="form-group m-b-none">
                            <label class="col-xs-2 control-label"><span translate>实物图片</span>：</label>
                            <div class="col-xs-10 control-label">
                                <yb-upload ng-model="detailInfo.gsImgurlList" only-view="true"></yb-upload>
                            </div>
                        </div>
                    </div>
                    <div class="panel-bar m-t-sm clearfix">
                        <div class="pull-left">
                            <i></i><span translate>对应仓库保管员</span>
                        </div>
                        <div class="pull-right" ng-click="switchDetailBar(2)">
                            <span ng-show="!detailFlag[2]" translate translate-attr-title="展开">
                                <i class="yb-icon ico-angle-double-down"></i>
                            </span>
                            <span ng-show="detailFlag[2]" translate translate-attr-title="收起">
                                <i class="yb-icon ico-angle-double-up"></i>
                            </span>
                        </div>
                    </div>
                    <div class="clearfix" ng-show="detailFlag[2]">
                        <div class="form-group">
                            <label class="col-xs-2 control-label"><span translate>仓库保管员</span>：</label>
                            <label class="col-xs-5 control-label text-left">
                                <ul class="row">
                                    <li class="m-b-xs clearfix"
                                        ng-repeat="item in detailInfo.materialsRelationList track by $index">
                                        {{item.warehouseCode + " - " + item.areaCode + " - " + item.locationCode + " - " + item.userName}}
                                    </li>
                                </ul>
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="bottom-area btn-bar single-col border-t clearfix">
                <button type="button" class="btn btn-default" ng-click="changeTab(0)" translate>返回</button>
            </div>
        </div>

        <div tab heading="零件储位" active="activeFlag[3]" ng-if="activeFlag[3]||activeFlag[8]">
            <div class="row wrapper-y-sm">
                <div class="operate-bar col-xs-10">
                    <span translate>零件编号</span>：{{materialInfo.materialNo}} &nbsp; &nbsp;
                    <span translate>零件中文名</span>：{{materialInfo.materialsDes}}
                    <button class="btn btn-operate m-l-sm" ng-click="addDefaultLocation()" translate>新增默认储位</button>
                    <button class="btn btn-operate m-l-sm" ng-click="viewLocationLog()" translate>查看储位变更记录</button>
                </div>
                <div class="search-bar wrapper-none col-xs-2">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="searchLocation()" translate
                            translate-attr-title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{locationTbConf.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in locationTbConf.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-click="toSort(locationTbConf.tableCol, $index)"
                                        ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol"
                                            target-width="locationTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="locationList.length > 0">
                        <table class="table-fixed border-none" width="{{locationTbConf.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in locationList track by $index"
                                    ng-class="{'row-selected': $index === markInfo.curLocationRow}"
                                    ng-click="selectRow($index, 'Location')">
                                    <td class="spill-dots"
                                        ng-repeat="itemCol in locationTbConf.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                        title="{{item[itemCol.dataField]}}">
                                        <span
                                            ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="locationList.length === 0" translate>暂时没有数据
                    </div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="locationPageInfo" yb-refresh="searchLocation()"></div>
            </div>
        </div>

        <div tab heading="供应商列表" active="activeFlag[4]" ng-click="changeTab(4)" ng-if="activeFlag[4]">
            <div class="row wrapper-y-sm">
                <div class="search-bar wrapper-none col-xs-12">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="search()" translate
                            translate-attr-title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                        <button type="button" class="btn btn-default base-color" translate translate-attr-title="配置表格列"
                            ng-click="switchToolbar('ColConfig');">
                            <i class="yb-icon ico-set"></i>
                        </button>
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')"
                        translate-attr-title="高级搜索" translate="高级搜索more"></button>
                    <div class="input-group pull-right clearfix">
                        <input type="text" class="form-control txt-search" translate translate-attr-placeholder="供应商名称"
                            ng-model="supplierCondition.supplierComName">
                        <span class="input-group-addon cursor-pointer" ng-click="supplierSearch(1)" translate>搜索</span>
                    </div>
                </div>
            </div>
            <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="supplierSearch(1)"
                reset-data="supplierReset()">
                <div class="advance-search m-t-sm">

                    <div class="form-group clearfix">
                        <label class="control-label"><span translate>供应商名称</span>：</label>
                        <input type="text" ng-model="supplierCondition.supplierComName" class="form-control">
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label"><span translate>供应商代码</span>：</label>
                        <input type="text" ng-model="supplierCondition.supplierCode" class="form-control">
                    </div>
                </div>
            </div>
            <div yb-col-config show-toolbar="toolbarConfig.showColConfig" ng-model="supplierTableConfig"
                col-fixed="true" has-check-col="true" set-tb-style="setFixedWidth()"></div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap fix-left" ele-count="4" scroll-area="right">
                    <div class="th-fixed">
                        <table class="table-fixed border-none" width="{{supplierTableConfig.fixedWidth}}">
                            <thead>
                                <tr class="border-r-none">
                                    <th class="border-r-none"
                                        ng-repeat="itemCol in supplierTableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}"
                                        ng-click="toSort(supplierTableConfig.tableCol, $index)"
                                        ng-show="!!itemCol.isShow && !!itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol"
                                            target-width="supplierTableConfig.fixedWidth"
                                            fixed-width="tbStyle.billFixedWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="th-scroll-x" ng-style="supplierTbStyle.scrollLeft">
                        <table class="table-fixed border-none" width="{{supplierTableConfig.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in supplierTableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}"
                                        ng-click="toSort(supplierTableConfig.tableCol, $index)"
                                        ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol"
                                            target-width="supplierTableConfig.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll-y" ng-show="supplierDataList.length > 0">
                        <table class="table-fixed border-none" width="{{supplierTableConfig.fixedWidth}}">
                            <tbody>
                                <tr ng-repeat="item in supplierDataList track by $index"
                                    ng-class="{'row-selected': $index === markInfo.cueRow}"
                                    ng-click="selectRow($index)">
                                    <td class="spill-dots border-r-none border-l-none"
                                        ng-repeat="itemCol in supplierTableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !!itemCol.isFixed"
                                        title="{{item[itemCol.dataField]}}">
                                        <div class="font-0" ng-if="itemCol.type === 'operate'"></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="supplierDataList.length > 0" ng-style="supplierTbStyle.scrollLeft">
                        <table class="table-fixed border-none" width="{{supplierTableConfig.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in supplierDataList track by $index"
                                    ng-class="{'row-selected': $index === supplierMarkInfo.cueRow}"
                                    ng-click="selectRow($index)">
                                    <td class="spill-dots"
                                        ng-repeat="itemCol in supplierTableConfig.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                        title="{{item[itemCol.dataField]}}">
                                        <span
                                            ng-if="(!itemCol.clickFn && itemCol.type !== 'operate')">{{item[itemCol.dataField]}}</span>
                                        <a class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)"
                                            ng-if="(!!itemCol.clickFn)">
                                            {{item[itemCol.dataField]}}
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="supplierDataList.length === 0" translate>暂时没有数据
                    </div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="supplierPageInfo" yb-refresh="supplierSearch()"></div>
            </div>
        </div>

        <div tab heading="储位变更记录" active="activeFlag[8]" ng-if="activeFlag[8]">
            <div class="row wrapper-y-sm">
                <div class="search-bar wrapper-none col-xs-12">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="searchLocationLog()" translate translate-attr-title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearchLocationLog')" translate-attr-title="高级搜索" translate="高级搜索more"></button>
                </div>
            </div>
            <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearchLocationLog" search-data="searchLocationLog(1)" reset-data="resetLocationLog()">
                <div class="advance-search m-t-sm">
                    <div class="form-group clearfix">
                        <label class="control-label"><span translate>操作人</span>：</label>
                        <input type="text" ng-model="conditionLocationLog.operateUser" class="form-control">
                    </div>
                    <div class="form-group clearfix m-b-none">
                        <label class="control-label"><span translate>变更时间</span>：</label>
                        <input type="text" class="form-control date-picker" ng-model="conditionLocationLog.operateStartDate"
                               datepicker-popup="{{'yyyy-MM-dd'}}"
                               ng-click="showCreateDateStart = !showCreateDateStart"
                               ng-change="checkDate(conditionLocationLog, 'operateStartDate', 'operateEndDate')"
                               is-open="showCreateDateStart" close-text="关闭" modal-size="small" readonly>
                    </div>
                    <div class="form-group clearfix m-b-none">
                        <label class="control-label"></label>
                        <label class="control-label wave-line">~</label>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label"></label>
                        <input type="text" class="form-control date-picker" ng-model="conditionLocationLog.operateEndDate"
                               datepicker-popup="{{'yyyy-MM-dd'}}"
                               ng-click="showCreateDateEnd = !showCreateDateEnd"
                               ng-change="checkDate(conditionLocationLog, 'operateStartDate', 'operateEndDate')"
                               is-open="showCreateDateEnd" close-text="关闭" modal-size="small" readonly>
                    </div>
                </div>
            </div>
            <div class="main-area">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x">
                        <table class="table-fixed border-none" width="{{locationLogTbConf.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-repeat="itemCol in locationLogTbConf.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                        <div yb-thead-operate ng-model="itemCol" target-width="locationLogTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" ng-show="locationLogList.length > 0">
                        <table class="table-fixed border-none" width="{{locationLogTbConf.scrollWidth}}">
                            <tbody>
                                <tr ng-repeat="item in locationLogList track by $index">
                                    <td class="spill-dots"
                                        ng-repeat="itemCol in locationLogTbConf.tableCol track by $index"
                                        width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                        title="{{item[itemCol.dataField]}}">
                                        <span ng-if="!itemCol.clickFn && itemCol.type !== 'operate'">{{item[itemCol.dataField]}}</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" ng-show="locationLogList.length === 0" translate>暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="locationLogPageInfo" yb-refresh="searchLocationLog()"></div>
            </div>
        </div>
    </div>
</div>
